@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    background: #FFFFFF;
    header{
        overflow: hidden;
        .logo{
            float: left;
            width: p(123);
            height: p(123);
            margin-top: p(23);
            margin-left: p(27);
            overflow: hidden;
            img{
                height: 100%;
            }
        }
        .search{
            width: p(268);
            height: p(55);
//          line-height:p(55);
            border: 1px solid #ff9344;
            border-radius:p(22) ;
            margin: p(51) auto;
           
            input[type="text"]{
                width: p(171);
                height: p(45);
                font-size: p(24);
                vertical-align: middle;
                border: none;
                margin-left: p(28);
                margin-top: p(4);
            }
            input[type="image"]{
                width: p(36);
                height: p(34);
                vertical-align: middle;
                margin-left: p(7);
                margin-top: p(2);
            }
        }
        .sel{
            float: right;
            margin-top: p(47);
            margin-right: p(21);
            width: p(163);
            height: p(60);
            position: relative;
            border: p(3) solid #ff9344;
            select{
                border: none;
                /*将默认的select选择框样式清除*/
                appearance:none;
                -moz-appearance:none;
                -webkit-appearance:none;
                background: transparent;
                width: 100%;
                height: 100%;
                padding-left: p(14);
	           }
            /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand { display: none; }
            &::after{
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: p(16) solid #ff9344;
                border-left: p(16) solid transparent;
                border-right: p(16) solid transparent;
                position: absolute;
                top: p(22);
                right: p(11);
            }
            

            }
    }//header
    section{
        margin-bottom: p(162);
        .lunbotu{
            width: 100%;
            img{
                width: 100%;
            }
        }//lunbotu
        .bt{
                width: 100%;
                overflow: hidden;
                .bt1_img1{
                    float: left;
                    height: p(54);
                    margin-top: p(21);
                    margin-left: p(33);
                    img{
                        width: p(56);
                        height: p(54);
                        vertical-align: middle;
                    }
                    h1{
                        font-size: p(28);
                        vertical-align: middle;
                        display: inline-block;
                    }
                }//.bt1_img1
                .bt1_img2{
                    float: right;
                    height: p(54);
                    margin-top: p(21);
                    margin-right: p(20);
                    img{
                        width: p(26);
                        height: p(24);
                        vertical-align: middle;
                    }
                    h2{
                        font-size: p(28);
                        vertical-align: middle;
                        display: inline-block;
                    }
                }//.bt1_img2
            }//bt
        .s{
            width: 100%;
            .big1{
                width: 100%;
                img{
                    width:p(239) ;
                    height:p(93) ;
                }
                .big1s{
                    overflow: hidden;
                    .img1{
                        float: left;
                        margin-left:10%;
                        margin-top: p(17);
                    }
                    .img2{
                        float: right;
                        margin-right: 11%;
                        margin-top: p(17);
                    }
                }
                .big1x{
                    overflow: hidden;
                    .img3{
                        float: left;
                        margin-left: 10%;
                        margin-top: p(30);
                    }
                    .img4{
                        float: right;
                        margin-right: 11%;
                        margin-top: p(30);
                    }
                }
            }//big2
        }//s
        
        .x{
            margin: 0 5% 0;
                .XBIG{
                    overflow: hidden;
                    img{
                    width: p(210);
                    height: p(164);
                    }
                    .one,.two{
                        float: left;
                    }
                    .two{
                        margin-left: p(21);
                        h2 {
                            font-size: p(30);
                        } 
                        .twoh2{
//                          margin-top: p(22);
                        }  
                        .two1{
                            margin-top: p(20);
                            font-size:p(21);
                        }
                        .two2{
                            font-size:p(32);
                            color: #ff9344;
                            margin-top: p(23);
                        }
                    }
                    .three{
                        float: right;
                        .p1{
                            margin-top:p(15) ;
                            font-size: p(24);
                            text-align: right;
                        }
                        .p2{
                            margin-top:p(71) ;
                            font-size: p(24);
                        }
                    }
                    
                }//XGIB
                .s2{
                    margin-top: p(35);
                }
                .x2{
                    margin-top: p(30);
                }
          
        }//x
    }//section
footer{
        background: white;
        margin-top: p(10);
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        height: p(115);
        .sy,.fy,.fx,.wd{
            width: p(72);
            display: inline-block;
            .fz{
                img{
                    width: p(72);
                    height: p(72);
                }
            }
            h1{
                text-align: center;
                font-size: p(26);
            }
        }//
        .sy{
            position: absolute;
            left:13%;
            transform: translateX(-50%);
        }
        .fy{
            position: absolute;
            left:38%;
            transform: translateX(-50%);
        }
        .fx{
            position: absolute;
            left:63%;
            transform: translateX(-50%);
        }
        .wd{
            position: absolute;
            left:88%;
            transform: translateX(-50%);
        }
    }//footer
}//mobile
